<!-- 正常没有ion-content包裹  ion-content处理 加载更多 只能翻页一次的情况-->
<ng-container *ngIf="showIonContent; else isShowIonContent">
  <ion-content>
    <div [ngStyle]="tagData.cssStyle | styleFilter" id="card-list" style="position: relative;">
      <div *ngIf="tagData.name === 'appCardListTag-H-Price-Img-linear'"
        [ngStyle]="tagData?.data?.headDiv?.linearStyle?.cssStyle | styleFilter"></div>
      <ng-container *ngIf="tagData?.data?.headDiv?.colorTitleBg">
        <div class="color-title-bg" [ngStyle]="tagData?.data?.headDiv?.colorTitleBg.cssStyle | styleFilter"></div>
      </ng-container>
  
      <ng-container *ngIf="tagData?.data?.headDiv?.rightBgIcon?.url ">
        <img class="right-bg-icon" [src]="tagData?.data?.headDiv?.rightBgIcon.url"
          [ngStyle]="tagData?.data?.headDiv?.rightBgIcon?.cssStyle | styleFilter">
      </ng-container>
  
      <p class="title-label" *ngIf="tagData.title">{{tagData.title}}<span class="label"
          *ngIf="tagData.label">{{tagData.label}}</span></p>
  
      <p class="title-bg" *ngIf="tagData.data?.headDiv?.headTitle">
        <span class="title">{{tagData.data?.headDiv?.headTitle}}<i class="title-tag"
            *ngIf="tagData.data.headDiv?.tag">{{tagData.data?.headDiv?.tag}}</i></span>
        <span class="more" *ngIf="tagData.data?.headDiv?.moreLink?.link?.label" appDebounceClick
          (debounceClick)="pageModalService.openPage(tagData.data?.headDiv?.moreLink?.link)">{{tagData.data.headDiv?.moreLink?.link.label}}<i
            class="detail-icon"></i></span>
      </p>
  
      <!--v1.9.5  new head -->
  
      <!-- 底图 -->
      <ng-container *ngIf="tagData.data?.headDiv?.titleImg?.endTime">
        <img src="assets/fw/home_qg_bg.png" alt="" class="qg-img-bg">
      </ng-container>
  
  
      <ng-container *ngIf="tagData.data?.headDiv?.titleImg?.endTime.length > 0; else elseTemplate">
        <!-- 倒计时 -->
        <div class="time-bg-new">
  
          <div class="time-img-bg" [ngStyle]="tagData.data?.headDiv?.titleImg?.cssStyle | styleFilter ">
            <img *ngIf="tagData.data?.headDiv?.titleImg?.img" class="img-qg"
              [ngStyle]="tagData.data.headDiv?.titleImg?.imgCssStyle | styleFilter"
              src="assets/fw/home_img_xsqg.png" alt="">
            <img class="img-qg-end" src="assets/fw/list_kill_icon.png" alt="">
            <p class="remaining-time">
              <span>{{remainingTime}}</span>
              <span style="color: transparent;margin-right: 0.125rem;">{{remainingTimeNoShow}}</span>
            </p>
          </div>
  
          <span class="more-new" *ngIf="tagData.data?.headDiv?.moreLink?.link?.label" appDebounceClick
            (debounceClick)="pageModalService.openPage(tagData.data?.headDiv?.moreLink?.link)">{{tagData.data?.headDiv?.moreLink?.link.label}}<i
              class="detail-icon"></i></span>
        </div>
      </ng-container>
  
      <ng-template #elseTemplate>
        <!-- 正常head -->
        <p class="title-bg-new" *ngIf="tagData?.data?.headDiv?.headTitle === undefined" [ngStyle]="tagData.data?.headDiv?.title?.titleBgCssStyle | styleFilter ">
  
          <span class="title" [ngStyle]="tagData.data?.headDiv?.title?.cssStyle | styleFilter ">
            <img *ngIf="tagData.data?.headDiv?.title?.icon" class="head-div-icon"
              src="{{tagData.data?.headDiv?.title?.icon}}" alt=""
              [ngStyle]="tagData.data?.headDiv?.title?.iconCssStyle | styleFilter">
            {{tagData.data.headDiv?.title?.label}} <span *ngIf="tagData.data.headDiv?.title?.labelSep"
              [ngStyle]="tagData.data?.headDiv?.title?.labelSepCssStyle | styleFilter"></span><span
              *ngIf="tagData.data.headDiv?.title?.labelRight"
              [ngStyle]="tagData.data?.headDiv?.title?.labelRightCssStyle | styleFilter">{{tagData.data.headDiv?.title?.labelRight}}</span>
            <img *ngIf="tagData.data?.headDiv?.sloganImg?.url"
              [ngStyle]="tagData.data.headDiv?.sloganImg?.cssStyle | styleFilter"
              src="{{tagData.data.headDiv?.sloganImg?.url}}" alt="">
            <i class="title-tag-new" *ngIf="tagData.data.headDiv?.sloganRight"
              [ngStyle]="tagData.data.headDiv?.sloganRight?.cssStyle | styleFilter ">{{tagData.data.headDiv?.sloganRight.label}}</i>
          </span>
          <span class="more-new" *ngIf="tagData.data?.headDiv?.moreLink?.link?.label"
            [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.cssStyle | styleFilter" appDebounceClick
            (debounceClick)="pageModalService.openPage(tagData.data?.headDiv?.moreLink?.link)">{{tagData.data?.headDiv?.moreLink?.link.label}}<i
              class="detail-icon"></i></span>
        </p>
  
      </ng-template>
  
  
      <p class="second-title-bg" *ngIf="tagData.data?.headDiv?.sloganSecondRow?.label"
        [ngStyle]="tagData.data?.headDiv?.sloganSecondRow?.cssStyle | styleFilter">
        {{tagData.data.headDiv?.sloganSecondRow?.label}}
      </p>
  
  
      <ng-container *ngIf="tagData.data && tagData.data.data && tagData.data.data.length > 0">
        <!-- v1.9.5 无图样式-->
        <div *ngIf="tagData.name === 'appCardListTag-H-NO-Img'" class="appCardListTag-H-NO-Img">
          <ng-container *ngFor="let item of tagData.data.data;let dateIndex = index;">
            <div class="item-no-img-bg" appDebounceClick (debounceClick)="itemClick(item.link)">
              <!-- title -->
              <div class="item-title-no-img-bg item-title-2line">
                <span *ngIf="item.title?.authLabel?.label" [ngStyle]="item.title?.authLabel?.cssStyle | styleFilter "><i
                    style="font-size: 1rem;"></i> <i class="auth">{{item.title?.authLabel?.label}}</i></span>
                <span class="title" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter"
                  *ngIf="item.title?.firstText?.label">
                  {{item.title?.firstText?.label}}
                </span>
              </div>
              <!-- 面积 -->
              <div *ngIf="item.secondRowLeft" class="detail-info-no">
                <span *ngIf="item.secondRowLeft?.firstText?.label"
                  [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
                <i class="sep" *ngIf="item.secondRowLeft?.firstText?.label && item.secondRowLeft?.secondText?.label"
                  [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
                <span *ngIf="item.secondRowLeft?.secondText?.label"
                  [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.label}}</span>
                <i class="sep" *ngIf="item.secondRowLeft?.thirdText?.label && item.secondRowLeft?.secondText?.label"
                  [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
                <span *ngIf="item.secondRowLeft?.thirdText?.label"
                  [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.thirdText?.label}}</span>
              </div>
              <!-- 选址具体要求 -->
              <div *ngIf="item.fifthRowLeft" class="require-bg item-title-5line">
                <span class="require-label" *ngIf="item.fifthRowLeft.firstText?.label"><i
                    style="z-index: 2; position: relative;"
                    [ngStyle]="item.fifthRowLeft.firstText?.cssStyle | styleFilter">{{item.fifthRowLeft.firstText.label}}</i><i
                    class="require-label-bg"></i></span><span *ngIf="item.fifthRowLeft.secondText?.label"
                  [innerHTML]="item.fifthRowLeft.secondText.label"
                  [ngStyle]="item.fifthRowLeft.secondText?.cssStyle | styleFilter"></span>
              </div>
            </div>
          </ng-container>
          <ng-container *ngIf="tagData.data?.moreButton?.link && tagData.data?.moreButton?.label">
            <p class="h-right-more" [ngStyle]="tagData.data?.moreButton?.link.params?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick(tagData.data?.moreButton.link)">
              {{tagData.data.moreButton.label}}</p>
          </ng-container>
  
        </div>
        <!-- v1.9.5 标题+图样式-->
        <div *ngIf="tagData.name === 'appCardListTag-H-Title-Img'||tagData.name === 'appCardListTag-H-Title-Img1'"
          class="appCardListTag-H-Title-Img">
          <ng-container *ngFor="let item of tagData?.data?.data;let dateIndex = index;">
            <div class="item-title-img-bg" appDebounceClick (debounceClick)="itemSubmitClick(item.link,item?.submit)"
              [ngStyle]="item.itemCssStyle.cssStyle | styleFilter">
              <!-- img -->
              <img *ngIf="item.img_v" class="title-img" src="{{item.img_v.imgUrl}}" alt=""
                onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.img_v.cssStyle | styleFilter">
              <img *ngIf="item.img" class="title-img" src="{{item.img.imgUrl}}" alt=""
                onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.img.cssStyle | styleFilter">
              <span *ngIf="item.img_v?.authLabel?.label" [ngStyle]="item.img_v?.authLabel?.cssStyle | styleFilter "
                class="title-img-auth">{{item.img_v?.authLabel?.label}}</span>
              <span *ngIf="item.img?.authLabel?.label" [ngStyle]="item.img?.authLabel?.cssStyle | styleFilter "
                class="title-img-auth">{{item.img?.authLabel?.label}}</span>
              <!-- title -->
              <div class="item-title-bg-title item-title-1line"
                [ngStyle]="item.title?.firstText?.boxCssStyle | styleFilter">
                <span class="title" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter"
                  *ngIf="item.title?.firstText?.label">
                  {{item.title?.firstText?.label}}
                </span>
              </div>
              <!-- 内容描述 -->
              <div *ngIf="item.firstRowLeft?.firstText?.label" [ngStyle]="item.firstRowLeft?.cssStyle | styleFilter">
                <span class="description" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter" [innerHTML]="item.firstRowLeft?.firstText?.label | parseStyle" *ngIf="item.firstRowLeft?.firstText?.label"></span>
              </div>
              <!-- 面积 -->
              <div *ngIf="item.secondRowLeft" class="detail-info-title"
                [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">
                <span *ngIf="item.secondRowLeft?.firstText?.label"
                  [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
                <i class="sep" *ngIf="item.secondRowLeft?.firstText?.label && item.secondRowLeft?.secondText?.label"
                  [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
                <span *ngIf="item.secondRowLeft?.secondText?.label"
                  [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.label}}</span>
                <i class="sep" *ngIf="item.secondRowLeft?.thirdText?.label && item.secondRowLeft?.secondText?.label"
                  [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
                <span *ngIf="item.secondRowLeft?.thirdText?.label"
                  [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.thirdText?.label}}</span>
                <!-- 价格 格式 -->
                <span *ngIf="item.secondRowLeft?.thirdText?.price"
                  [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">
                  {{getInterger(item.secondRowLeft?.thirdText?.price)| currency:'CNY':'':'1.0-0'}}<ng-container 
                  *ngIf="item.secondRowLeft?.thirdText?.disDecimal !== undefined"; else elseTemplate>
                    <i class="pirce-digits" *ngIf="item.secondRowLeft?.thirdText?.price.split('.')[1] && item.secondRowLeft?.thirdText?.price.split('.')[1] > 0">{{(item.secondRowLeft?.thirdText?.price |
                      currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i>
                  </ng-container>
                  <ng-template #elseTemplate>
                    <i class="pirce-digits">{{(item.secondRowLeft?.thirdText?.price |
                      currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i>
                  </ng-template>
                </span>
                <!-- 购买按钮 -->
                <span *ngIf="item.secondRowLeft?.sixsixthText?.label"
                    [ngStyle]="item.secondRowLeft?.sixsixthText?.cssStyle | styleFilter" appDebounceClick (click)="itemSubmitClick(item.secondRowLeft?.sixsixthText?.link.link,'',$event)">{{item.secondRowLeft?.sixsixthText?.label}}</span>
              </div>
              <!-- price -->
              <div *ngIf="item.fourthRowLeft" class="price-bg" [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">
                <span class="price-label" *ngIf="item.fourthRowLeft.firstText?.label"
                  [ngStyle]="item.fourthRowLeft?.firstText?.cssStyle | styleFilter">{{item.fourthRowLeft.firstText.label}}</span><span
                  *ngIf="item.fourthRowLeft.secondText?.label" class="price-unit"
                  [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
              </div>
              <div *ngIf="item.fifthRowLeft?.firstText?.percent" class="progress-content-bg"
                [ngStyle]="item.fifthRowLeft?.cssStyle | styleFilter">
                <p class="progress-bg">
                  <span class="progress" [ngStyle]="{'width': item.fifthRowLeft?.firstText?.percent + ''}">
                    <i class="progress-text"
                      *ngIf="!(item.fifthRowLeft.firstText?.label0 !== undefined || item.fifthRowLeft.firstText?.label !== undefined)"
                      [ngStyle]="item.fifthRowLeft.firstText?.percentCssStyle | styleFilter">{{item.fifthRowLeft.firstText?.percent}}</i>
                  </span>
                  <span *ngIf="item.fifthRowLeft.firstText?.label" class="label-text"
                    [ngStyle]="item.fifthRowLeft.firstText?.labelCssStyle | styleFilter">{{item.fifthRowLeft.firstText?.label}}</span>
                  <span *ngIf="item.fifthRowLeft.firstText?.label0" class="label-text"
                    [ngStyle]="item.fifthRowLeft.firstText?.label0CssStyle | styleFilter">{{item.fifthRowLeft.firstText?.label0}}</span>
  
                </p>
  
              </div>
  
            </div>
          </ng-container>
          <ng-container *ngIf="tagData.data?.moreButton?.link && tagData.data?.moreButton?.label">
            <p class="h-right-more" [ngStyle]="tagData.data?.moreButton?.link.params?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick(tagData.data?.moreButton.link)">
              {{tagData.data.moreButton.label}}</p>
          </ng-container>
        </div>
        <!-- v1.9.5 价格+图样式-->
        <!-- -linear 头部开始一行渐变色 -->
        <div *ngIf="tagData.name === 'appCardListTag-H-Price-Img' || tagData.name === 'appCardListTag-H-Price-Img-linear' "
          class="appCardListTag-H-Price-Img" [ngStyle]="tagData.data?.data[0]?.cssStyle?.cssStyle | styleFilter ">
          <ng-container *ngFor="let item of tagData?.data?.data;let dateIndex = index;">
            <div class="item-price-img-bg" [ngStyle]="item.cssStyle?.itemCssStyle | styleFilter "
              [ngClass]="{'size-2': tagData.maxShowNum === '2','size-3': tagData.maxShowNum === '3','size-4': tagData.maxShowNum === '4','size-5': tagData.maxShowNum === '5' }"
              appDebounceClick (debounceClick)="itemClick(item.link)">
              <!-- bottomBg -->
              <div *ngIf="item.titleBg" class="bottom-bg" [ngStyle]="item.titleBg?.cssStyle | styleFilter"></div>
  
  
  
                <div class="item-img_v" *ngIf="item.img_v" [ngStyle]="item.img_v?.boxCssStyle | styleFilter">
                  <!-- img -->
                  <img [ngStyle]="item.img_v?.cssStyle | styleFilter " class="price-img"
                    [ngClass]="{'size-3': tagData.maxShowNum === '3','size-4': tagData.maxShowNum === '4','size-2': tagData.maxShowNum === '2','size-5': tagData.maxShowNum === '5' }"
                    src="{{item.img_v.imgUrl}}" alt="" onerror="this.src='assets/img/default_rk.png'">
                  <span [ngStyle]="item.img_v?.valueCssStyle | styleFilter" *ngIf="item.img_v?.value">{{item.img_v.value}}</span>
                </div>
  
              <span *ngIf="item.img_v?.authLabel?.label" [ngStyle]="item.img_v?.authLabel?.cssStyle | styleFilter "
                class="price-img-auth">{{item.img_v?.authLabel?.label}}</span>
  
              <div [ngStyle]="item.title?.box?.cssStyle | styleFilter">
                <!-- title -->
                <div class="item-title-bg-price" [ngStyle]="item.title?.firstText?.boxCssStyle | styleFilter">
                  <span class="title-second" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter"
                    *ngIf="item.title?.firstText?.label">
                    {{item.title?.firstText?.label}}
                  </span>
                </div>
  
                <!-- price -->
                <div *ngIf="item.thirdRowLeft" class="item-price-bg" [ngStyle]="item.thirdRowLeft?.cssStyle | styleFilter">
                  <span class="price-unit" *ngIf="item.thirdRowLeft.firstText?.label"
                    [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft.firstText.label}}</span>
                  <!-- sep -->
                  <ng-container *ngIf="item.thirdRowLeft?.firstText?.label && item.thirdRowLeft?.secondText?.label">
                    <span class="sep" [ngStyle]="item.thirdRowLeft?.sep?.cssStyle | styleFilter"></span>
                  </ng-container>
                  <span class="price-label" *ngIf="item.thirdRowLeft.secondText?.label"
                    [ngStyle]="item.thirdRowLeft?.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft.secondText.label}}</span>
                  <span class="original-price" *ngIf="item.thirdRowLeft.thirdText?.originalPrice"
                    [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.originalPrice}}</span>
                  <span class="price-label" *ngIf="item.thirdRowLeft.thirdText?.label"
                    [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.label}}</span>
                  <!-- go > -->
                  <span class="item-go" *ngIf="item.thirdRowLeft.fourthText?.label"
                    [ngStyle]="item.thirdRowLeft?.fourthText?.cssStyle | styleFilter">{{item.thirdRowLeft.fourthText.label}}
                    <img *ngIf="item.thirdRowLeft.fourthText.icon" src="{{item.thirdRowLeft.fourthText.icon}}" alt=""
                      class="item-go-icon">
                  </span>
                </div>
              </div>
            </div>
  
          </ng-container>
  
  
          <ng-container *ngIf="tagData.data?.moreButton?.link && tagData.data?.moreButton?.label">
            <p class="h-right-more" [ngStyle]="tagData.data?.moreButton?.link.params?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick(tagData.data?.moreButton.link)">
              {{tagData.data.moreButton.label}}</p>
          </ng-container>
        </div>
  
        <!-- v1.9.4 之前样式-->
        <div *ngIf="tagData.name === 'appCardListTag-H'|| tagData.name === 'verticalListTag'|| tagData.name === 'appCardListTag1'
              || tagData.name === 'appCardListTag2' || tagData.name === 'appCardListTag' && tagData.data.data.length > 0"
          [ngClass]="{'list-h': tagData.name === 'appCardListTag-H','list-all-row': tagData.name === 'verticalListTag'}"
          [ngStyle]="tagData.listBgCssStyle | styleFilter" class="list-bg">
  
          <ng-container *ngFor="let item of tagData.data.data;let dateIndex = index;">
            <div class="item-bg item-bg-card-list{{time}}" *ngIf="!item.type" appDebounceClick (debounceClick)="itemSubmitClick(item.link,item?.submit,$event)"
            [ngStyle]="item.itemBgCssStyle | styleFilter">
              <span *ngIf="item.imgTag?.label && item.imgTag?.label.length > 0" class="img-tag"
                [ngStyle]="item.imgTag.cssStyle | styleFilter">
                <img *ngIf="item.imgTag?.imgUrl" src="{{item.imgTag?.imgUrl}}" [ngStyle]="item.imgTag.imgCssStyle | styleFilter">{{item.imgTag.label}}
              </span>
  
              <img [ngStyle]="item.img.cssStyle | styleFilter" class="img" src="{{item.img.imgUrl}}" alt=""
                onerror="this.src='assets/img/default_rk.png'" *ngIf="item.img">
                <div class="item-img_v" [ngStyle]="item.img_v?.boxCssStyle | styleFilter" *ngIf="item.img_v">
                  <img [ngStyle]="item.img_v.cssStyle | styleFilter" class="img-v" src="{{item.img_v.imgUrl}}" alt=""
                  onerror="this.src='assets/img/default_rk.png'">
                  <span [ngStyle]="item.img_v?.valueCssStyle | styleFilter" *ngIf="item.img_v?.value">{{item.img_v.value}}</span>
                </div>
                
              <div class="content-bg" [ngStyle]="item.content?.cssStyle | styleFilter">
  
                <div *ngIf="item.topLabel?.firstText?.label" [ngStyle]="item.topLabel?.firstText?.cssStyle | styleFilter">{{item.topLabel?.firstText?.label}}</div>
  
                <div class="first-row"
                  *ngIf="item.firstRowLeft?.label || item.firstRowLeft?.thirdText?.label || item.firstRowLeft?.firstText?.label || item.firstRowLeft?.secondText?.label"
                  [ngStyle]="item.firstRowCssStyle | styleFilter">
                  <span class="first-text" *ngIf="item.firstRowLeft?.label"
                    [ngStyle]="item.firstRowLeft.cssStyle | styleFilter">{{item.firstRowLeft.label}}</span>
                  <span class="first-text" *ngIf="item.firstRowLeft?.firstText?.label"
                    [ngStyle]="item.firstRowLeft.firstText.cssStyle | styleFilter">{{item.firstRowLeft.firstText.label}}</span>
                  <!-- sep -->
                  <ng-container *ngIf="item.firstRowLeft?.firstText?.label && item.firstRowLeft?.secondText?.label">
                    <span class="sep" [ngStyle]="item.firstRowLeft?.sep?.cssStyle | styleFilter"></span>
                  </ng-container>
  
                  <span class="first-text" *ngIf="item.firstRowLeft?.secondText?.label"
                    [ngStyle]="item.firstRowLeft.secondText.cssStyle | styleFilter">{{item.firstRowLeft.secondText.label}}</span>
  
                  <!-- sep -->
                  <ng-container *ngIf="item.firstRowLeft?.thirdText?.label && item.firstRowLeft?.secondText?.label">
                    <span class="sep" [ngStyle]="item.firstRowLeft?.sep?.cssStyle | styleFilter"></span>
                  </ng-container>
  
                  <span class="first-text" *ngIf="item.firstRowLeft?.thirdText?.label"
                    [ngStyle]="item.firstRowLeft.thirdText.cssStyle | styleFilter">{{item.firstRowLeft.thirdText.label}}</span>
                </div>
                <!-- *ngIf="item.labels && item.labels.length > 0" 需要占位 -->
                <div class="tag-bg" *ngIf="item.labels && item.labels.length > 0">
                  <ng-container *ngFor="let tag of item.labels">
                    <span class="tag">{{tag}}</span>
                  </ng-container>
                </div>
                <div class="tag-bg" *ngIf="item.tags && item.tags.length > 0">
                  <ng-container *ngFor="let tag of item.tags">
                    <!-- # -->
                    <span class="tag-">{{tag}}</span>
                  </ng-container>
                </div>
  
                <div class="tag-bg" *ngIf="item.newTags && item.newTags.length > 0"  [ngStyle]="item.newTagsCssStyle | styleFilter">
                  <ng-container *ngFor="let it of item.newTags">
                    <span [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</span>
                  </ng-container>
                </div>
  
                <div class="item-title-bg 3" *ngIf="item.title?.firstText?.label"
                  [ngStyle]="item.title?.firstText?.cssStyle | styleFilter">
                  {{item.title?.firstText?.label}}
                </div>
  
                <div class="second-row" *ngIf="item.secondRowLeft" [ngStyle]="item.secondRowCssStyle | styleFilter">
                  <div appDebounceClick (debounceClick)="itemClick(item.secondRowLeft.firstText?.labelLink?.link,$event)"
                    [ngClass]="{'canClickLabel': item.secondRowLeft.firstText?.labelLink}"
                    [ngStyle]="item.secondRowLeft.firstText?.labelLink?.link?.params?.labelLinkBoxCssStyle | styleFilter">
                    <img class="icon" *ngIf="item.secondRowLeft?.icon?.url"
                      [ngStyle]="item.secondRowLeft.icon.cssStyle | styleFilter" src="{{item.secondRowLeft.icon.url}}" />
                    <span class="text" *ngIf="item.secondRowLeft?.firstText?.label"
                      [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>
  
                    <div class="tag-bg2" *ngIf="item.tags2 && item.tags2.length > 0">
                      <ng-container *ngFor="let tag of item.tags2">
                        <span class="tag-">{{tag}}</span>
                      </ng-container>
                    </div>
  
                  </div>
                  <div style="display: flex; align-items: center;" appDebounceClick
                    (debounceClick)="collectImg(item.collectDiv,$event)" *ngIf="item.collectDiv">
                    <span [ngStyle]="item.collectDiv?.numberCssStyle|styleFilter">{{item.collectDiv?.number}}</span>
                    <img *ngIf="item.collectDiv?.selected===true"
                      onerror="this.src='assets/fw/zszx_icon_collection_press@3x.png'" src="{{item.collectDiv?.pressIcon}}"
                      id="cardCollect{{dateIndex}}" class="collectImg" />
                    <img *ngIf="item.collectDiv?.selected===false"
                      onerror="this.src='assets/fw/zszx_icon_collection@3x.png'" src="{{item.collectDiv?.normalIcon}}"
                      id="cardCollect{{dateIndex}}" class="collectImg" />
  
                  </div>
                  <div appDebounceClick (debounceClick)="delete(item.deleteDiv,$event)" *ngIf="item.deleteDiv"
                    [ngStyle]="item.deleteDiv?.boxCssStyle|styleFilter">
                    <img onerror="this.src='assets/fw/hollow.png'"
                      [ngStyle]="item.deleteDiv?.selectedIconCssStyle|styleFilter" src="{{item.deleteDiv?.selectedIcon}}"
                      class="collectImg" />
                  </div>
  
                </div>
                <!-- 打折 减 -->
                <div class="item-title-bg-2" *ngIf="item.title2?.firstText?.label"
                  [ngStyle]="item.title2?.firstText?.cssStyle | styleFilter">
                  <span
                    [ngStyle]="item.title2?.firstText?.labelCssStyle | styleFilter">{{item.title2?.firstText?.label}}</span>
                  <span
                    [ngStyle]="item.title2?.firstText?.labelRightCssStyle | styleFilter">{{item.title2?.firstText?.labelRight}}</span>
                </div>
  
                <div class="third-row" *ngIf="item.thirdRowLeft" [ngStyle]="item.thirdRowCssStyle | styleFilter">
                  <span class="first" *ngIf="item.thirdRowLeft?.firstText?.label"
                    [ngStyle]="item.thirdRowLeft.firstText.cssStyle | styleFilter">{{item.thirdRowLeft.firstText.label}}</span>
                  <span class="second" *ngIf="item.thirdRowLeft?.secondText?.label"
                    [ngStyle]="item.thirdRowLeft.secondText.cssStyle | styleFilter">{{item.thirdRowLeft.secondText.label}}</span>
                  <!-- 价格 格式 -->
                  <span class="second" *ngIf="item.thirdRowLeft?.secondText?.price"
                    [ngStyle]="item.thirdRowLeft?.secondText?.priceCssStyle | styleFilter">{{getInterger(item.thirdRowLeft?.secondText?.price)|
                    currency:'CNY':'':'1.0-0'}}<i class="pirce-digits">{{(item.thirdRowLeft?.secondText?.price |
                      currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
  
                  <span class="third" *ngIf="item.thirdRowLeft?.thirdText?.label"
                    [ngStyle]="item.thirdRowLeft.thirdText.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.label}}</span>
  
                  <span *ngIf="item.thirdRowLeft?.icon" [ngStyle]="item.thirdRowLeft?.icon?.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="itemClick(item.thirdRowLeft.buttonLink?.link, $event)">
                    <img *ngIf="item.thirdRowLeft?.icon?.url" src="{{item.thirdRowLeft?.icon?.url}}"
                      [ngStyle]="item.thirdRowLeft?.icon?.iconCssStyle | styleFilter" alt="">
                    <i *ngIf="item.thirdRowLeft?.icon?.label"
                      [ngStyle]="item.thirdRowLeft?.icon?.labelCssStyle | styleFilter">{{item.thirdRowLeft?.icon?.label}}</i>
                  </span>
  
                  <!-- 打折 减 -->
                  <div *ngIf="item.thirdRowLeft?.fourthText?.label"
                    [ngStyle]="item.thirdRowLeft?.fourthText?.cssStyle | styleFilter">
                    <span
                      [ngStyle]="item.thirdRowLeft?.fourthText?.labelCssStyle | styleFilter">{{item.thirdRowLeft?.fourthText?.label}}</span>
                    <span
                      [ngStyle]="item.thirdRowLeft?.fourthText?.labelRightCssStyle | styleFilter">{{item.thirdRowLeft?.fourthText?.labelRight}}</span>
                  </div>
                </div>
  
                <div class="fourth-row" *ngIf="item.fourthRowLeft" [ngStyle]="item.fourthRowCssStyle | styleFilter">
                  <span class="first" *ngIf="item.fourthRowLeft?.firstText?.label"
                    [ngStyle]="item.fourthRowLeft.firstText.cssStyle | styleFilter">{{item.fourthRowLeft.firstText.label}}</span>
                  <span class="second" *ngIf="item.fourthRowLeft?.secondText?.label"
                    [ngStyle]="item.fourthRowLeft.secondText.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
                  <!-- 价格 格式 -->
                  <span class="second" *ngIf="item.fourthRowLeft?.secondText?.price"
                    [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle | styleFilter">{{getInterger(item.fourthRowLeft?.secondText?.price
                    )| currency:'CNY':'':'1.0-0'}}<i class="pirce-digits"
                      [ngStyle]="item.fourthRowLeft.secondText.digitsCssStyle | styleFilter">{{(item.fourthRowLeft?.secondText?.price
                      | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
  
                  <span class="third" *ngIf="item.fourthRowLeft?.thirdText?.label"
                    [ngStyle]="item.fourthRowLeft.thirdText.cssStyle | styleFilter">{{item.fourthRowLeft.thirdText.label}}</span>
                  <span *ngIf="item.fourthRowLeft?.icon" [ngStyle]="item.fourthRowLeft?.icon?.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="itemClick(item.fourthRowLeft.buttonLink?.link, $event)">
                    <img *ngIf="item.fourthRowLeft?.icon?.url" src="{{item.fourthRowLeft?.icon?.url}}"
                      [ngStyle]="item.fourthRowLeft?.icon?.iconCssStyle | styleFilter" alt="">
                    <i *ngIf="item.fourthRowLeft?.icon?.label"
                      [ngStyle]="item.fourthRowLeft?.icon?.labelCssStyle | styleFilter">{{item.fourthRowLeft?.icon?.label}}</i>
                  </span>
  
                </div>
  
                <div class="fifth-row" *ngIf="item.fifthRowLeft" [ngStyle]="item.fifthRowCssStyle | styleFilter"
                  appDebounceClick (debounceClick)="itemSubmitClick(item.fifthRowLeft.buttonLink.link,'',$event)">
                  <div class="first" *ngIf="item.fifthRowLeft?.firstText?.label"
                    [ngStyle]="item.fifthRowLeft?.firstText?.cssStyle | styleFilter">
                    <span
                      [ngStyle]="item.fifthRowLeft?.firstText?.labelCssStyle | styleFilter">{{item.fifthRowLeft?.firstText?.label}}</span>
                    <img [ngStyle]="item.fifthRowLeft?.firstText?.imgCssStyle | styleFilter"
                      *ngIf="item.fifthRowLeft?.firstText?.img" [src]="item.fifthRowLeft?.firstText?.img" alt="">
                  </div>
                </div>
              </div>
  
            </div>
            <div class="item-bg-img-big" *ngIf="item.type && item.type === '1'"
              [ngStyle]="item.button.buttonLink.cssStyle | styleFilter" appDebounceClick
              (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
              <img class="img" src="{{item.img}}" alt="">
  
            </div>
            <!-- small ad -->
            <div class="item-bg-img" *ngIf="item.type && item.type === '2'"
              [ngStyle]="item.button.buttonLink.cssStyle | styleFilter" appDebounceClick
              (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
              <img class="img" src="{{item.img}}" alt="">
  
            </div>
            <!-- type100 -->
            <div class="item-bg-more" *ngIf="item.type && item.type === '100'"
              [ngStyle]="item.button.cssStyle | styleFilter" appDebounceClick
              (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
              {{item.button.buttonLink.label}}
            </div>
            <!-- new ad from 3户型4小区装修榜单5装修6设计-7找房、建材等 -->
  
            <div class="item-ad-bg item-ad-3" *ngIf="item.type && item.type === '3'" [ngStyle]="item.cssStyle | styleFilter"
              appDebounceClick (debounceClick)="itemClick(item.button.buttonLink.link)">
              <div class="bg-color"></div>
              <img class="img-3-bg" src="{{item.backgroundImg}}" alt="">
              <img class="img-3" src="{{item.img}}" alt="">
              <p class="item-ad-content ad-content-1" *ngIf="item.firstRowLeft?.firstText?.label">
                <img *ngIf="item.firstRowLeft?.img?.imgUrl" [ngStyle]="item.firstRowLeft?.img?.cssStyle | styleFilter"
                  class="ad-search" src="{{item.firstRowLeft?.img?.imgUrl}}" alt="">
                <span
                  [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
              </p>
  
              <p class="item-ad-content ad-content-2" *ngIf="item.secondRowLeft?.firstText?.label">
                <img *ngIf="item.secondRowLeft?.img?.imgUrl" [ngStyle]="item.secondRowLeft?.img?.cssStyle | styleFilter"
                  class="ad-search" src="{{item.secondRowLeft?.img?.imgUrl}}" alt="">
                <span
                  [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
              </p>
  
              <p class="item-ad-content ad-content-3" *ngIf="item.thirdRowLeft?.firstText?.label">
                <img *ngIf="item.thirdRowLeft?.img?.imgUrl" [ngStyle]="item.thirdRowLeft?.img?.cssStyle | styleFilter"
                  class="ad-search" src="{{item.thirdRowLeft?.img?.imgUrl}}" alt="">
                <span
                  [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft?.firstText?.label}}</span>
              </p>
  
              <p class="btn-bg-3" *ngIf="item.button?.buttonLink?.label">
                <span>{{item.button?.buttonLink?.label}}</span>
                <img src="assets/fw/ad_arrow_green.png" alt="">
              </p>
  
            </div>
  
            <!-- type4 排行 -->
            <div class="item-ad-bg item-ad-4" *ngIf="item.type && item.type === '4'"
              [ngStyle]="item.cssStyle | styleFilter">
  
              <img class="img-4-bg" src="{{item.backgroundImg}}" alt="">
  
              <p class="ad-content ad-content-title-4" *ngIf="item.title?.firstText?.label">
                {{item.title?.firstText?.label}}
              </p>
  
              <ng-container *ngFor="let info of item.data">
                <div class="info-bg">
                  <p class="info-name">
                    <span class="info-order" *ngIf="info.firstRowLeft?.firstText?.label"
                      [ngStyle]="info.firstRowLeft?.firstText?.cssStyle | styleFilter">{{info.firstRowLeft.firstText.label}}</span>
                    <span appDebounceClick (debounceClick)="itemClick(info.buttonLink.link.link)" class="name"
                      *ngIf="info.firstRowLeft?.secondText?.label"
                      [ngStyle]="info.firstRowLeft?.secondText?.cssStyle | styleFilter">{{info.firstRowLeft.secondText.label}}</span>
                  </p>
                  <p class="info-total">
                    <span class="total-num" *ngIf="info.secondRowLeft?.firstText?.label"
                      [ngStyle]="info.secondRowLeft?.firstText?.cssStyle | styleFilter">{{info.secondRowLeft.firstText.label}}</span>
                    <span class="total-label" *ngIf="info.secondRowLeft?.secondText?.label"
                      [ngStyle]="info.secondRowLeft?.secondText?.cssStyle | styleFilter">{{info.secondRowLeft.secondText.label}}</span>
                  </p>
                </div>
              </ng-container>
  
  
              <p class="btn-bg-4" *ngIf="item.button?.buttonLink?.label" appDebounceClick
                (debounceClick)="itemClick(item.button.buttonLink.link)">
                <span>{{item.button?.buttonLink?.label}}</span>
                <img src="assets/fw/ ad_arrow_yellow.png" alt="">
              </p>
  
            </div>
  
            <!-- type5 装修 -->
            <div class="item-ad-bg item-ad-5" *ngIf="item.type && item.type === '5'"
              [ngStyle]="item.cssStyle | styleFilter">
  
              <img class="img-5-bg" src="{{item.backgroundImg}}" alt="">
  
              <p class="ad-content ad-content-title-5" *ngIf="item.firstRowLeft?.firstText?.label"
                [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
                {{item.firstRowLeft?.firstText?.label}}
              </p>
              <p class="ad-content ad-content-subtitle-5" *ngIf="item.secondRowLeft?.firstText?.label"
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">
                {{item.secondRowLeft?.firstText?.label}}
              </p>
  
              <p class="btn-bg-5" *ngIf="item.button?.buttonLink?.label" appDebounceClick
                (debounceClick)="itemClick(item.button.buttonLink.link)"
                [ngStyle]="item.button?.buttonLink?.cssStyle | styleFilter">
                {{item.button?.buttonLink?.label}}
              </p>
  
            </div>
  
            <!-- type6 设计 -->
            <div class="item-ad-bg item-ad-6" *ngIf="item.type && item.type === '6'"
              [ngStyle]="item.cssStyle | styleFilter">
  
              <img class="img-6-bg" src="{{item.backgroundImg}}" alt="">
  
              <p class="ad-content ad-content-title-6" *ngIf="item.firstRowLeft?.firstText?.label"
                [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
                {{item.firstRowLeft?.firstText?.label}}
              </p>
              <p class="ad-content ad-content-subtitle-6" *ngIf="item.secondRowLeft?.firstText?.label"
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">
                {{item.secondRowLeft?.firstText?.label}}
              </p>
  
              <p class="ad-content ad-content-subtitle-6" *ngIf="item.thirdRowLeft?.firstText?.label"
                [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">
                {{item.thirdRowLeft?.firstText?.label}}
              </p>
              <p class="btn-bg-6" *ngIf="item.button?.buttonLink?.label" appDebounceClick
                (debounceClick)="itemClick(item.button.buttonLink.link)"
                [ngStyle]="item.button?.buttonLink?.cssStyle | styleFilter">
                {{item.button?.buttonLink?.label}}
  
              </p>
  
            </div>
  
            <!-- type7 找房等 -->
            <div class="item-ad-bg item-ad-7" *ngIf="item.type && item.type === '7'"
              [ngStyle]="item.cssStyle | styleFilter">
              <div class="ad-header-bg" [ngStyle]="item.header?.cssStyle | styleFilter"></div>
              <img class="img-7-bg" src="{{item.backgroundImg}}" alt="">
              <p class="ad-title" *ngIf="item.title?.firstText?.label"
                [ngStyle]="item.title?.firstText?.cssStyle | styleFilter">{{item.title?.firstText?.label}}</p>
              <div style="display: flex; flex-wrap: wrap;position:relative;z-index: 3;">
                <ng-container *ngFor="let info of item.data,let a = index">
                  <div class="info-item" [ngClass]="{'mr05': a%2===0}" appDebounceClick
                    (debounceClick)="itemClick(info.firstRowLeft?.buttonLink?.link)"
                    *ngIf="info.firstRowLeft?.firstText?.label"
                    [ngStyle]="info.firstRowLeft.firstText.cssStyle | styleFilter">{{info.firstRowLeft.firstText.label}}
                  </div>
                </ng-container>
              </div>
  
  
  
            </div>
  
  
  
          </ng-container>
          <div class="more-btn-h" *ngIf="tagData.name === 'appCardListTag-H' && tagData.data?.moreButton?.label"
            [ngStyle]="tagData.data.moreButton.link.params?.btnCssStyle|styleFilter" appDebounceClick
            (debounceClick)="moreClick(tagData.data.moreButton.link)">
            <span>{{tagData.data.moreButton.label}}</span>
          </div>
        </div>
      </ng-container>
  
    </div>
  
    <div class="more-btn"
      *ngIf="tagData.data?.moreButton?.label && (tagData.name === 'appCardListTag'||tagData.name === 'appCardListTag1'||tagData.name === 'appCardListTag2')"
      [ngStyle]="tagData.data.moreButton.link.params?.btnCssStyle|styleFilter" appDebounceClick
      (debounceClick)="moreClick(tagData.data.moreButton.link)">
      <span>{{tagData.data.moreButton.label}}</span>
    </div>
  
    <p class="noData" *ngIf="!tagData.data?.data || tagData.data?.data?.length === 0"
      [ngStyle]="tagData.hintCssStyle | styleFilter">
      {{emptyDataHint}}
    </p>
  
    <p class="loadDataToBottom" *ngIf="tagData.data?.data && tagData.data?.data?.length > 0 && (pageTotal+'') ===
      (tagData.data?.data?.length + '')" [ngStyle]="tagData.loadDataToBottomHintCssStyle | styleFilter">
      {{loadDataToBottom}}
    </p>
  
    <ion-infinite-scroll *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)" style="background: #F5F5F5;">
      <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </ion-content>
</ng-container>
<ng-template #isShowIonContent>
  <div [ngStyle]="tagData.cssStyle | styleFilter" id="card-list" style="position: relative;">
    <div *ngIf="tagData.name === 'appCardListTag-H-Price-Img-linear'"
      [ngStyle]="tagData?.data?.headDiv?.linearStyle?.cssStyle | styleFilter"></div>
    <ng-container *ngIf="tagData?.data?.headDiv?.colorTitleBg">
      <div class="color-title-bg" [ngStyle]="tagData?.data?.headDiv?.colorTitleBg.cssStyle | styleFilter"></div>
    </ng-container>

    <ng-container *ngIf="tagData?.data?.headDiv?.rightBgIcon?.url ">
      <img class="right-bg-icon" [src]="tagData?.data?.headDiv?.rightBgIcon.url"
        [ngStyle]="tagData?.data?.headDiv?.rightBgIcon?.cssStyle | styleFilter">
    </ng-container>

    <p class="title-label" *ngIf="tagData.title">{{tagData.title}}<span class="label"
        *ngIf="tagData.label">{{tagData.label}}</span></p>

    <p class="title-bg" *ngIf="tagData.data?.headDiv?.headTitle">
      <span class="title">{{tagData.data?.headDiv?.headTitle}}<i class="title-tag"
          *ngIf="tagData.data.headDiv?.tag">{{tagData.data?.headDiv?.tag}}</i></span>
      <span class="more" *ngIf="tagData.data?.headDiv?.moreLink?.link?.label" appDebounceClick
        (debounceClick)="pageModalService.openPage(tagData.data?.headDiv?.moreLink?.link)">{{tagData.data.headDiv?.moreLink?.link.label}}<i
          class="detail-icon"></i></span>
    </p>

    <!--v1.9.5  new head -->

    <!-- 底图 -->
    <ng-container *ngIf="tagData.data?.headDiv?.titleImg?.endTime">
      <img src="assets/fw/home_qg_bg.png" alt="" class="qg-img-bg">
    </ng-container>


    <ng-container *ngIf="tagData.data?.headDiv?.titleImg?.endTime.length > 0; else elseTemplate">
      <!-- 倒计时 -->
      <div class="time-bg-new">

        <div class="time-img-bg" [ngStyle]="tagData.data?.headDiv?.titleImg?.cssStyle | styleFilter ">
          <img *ngIf="tagData.data?.headDiv?.titleImg?.img" class="img-qg"
            [ngStyle]="tagData.data.headDiv?.titleImg?.imgCssStyle | styleFilter"
            src="assets/fw/home_img_xsqg.png" alt="">
          <img class="img-qg-end" src="assets/fw/list_kill_icon.png" alt="">
          <p class="remaining-time">
            <span>{{remainingTime}}</span>
            <span style="color: transparent;margin-right: 0.125rem;">{{remainingTimeNoShow}}</span>
          </p>
        </div>

        <span class="more-new" *ngIf="tagData.data?.headDiv?.moreLink?.link?.label" appDebounceClick
          (debounceClick)="pageModalService.openPage(tagData.data?.headDiv?.moreLink?.link)">{{tagData.data?.headDiv?.moreLink?.link.label}}<i
            class="detail-icon"></i></span>
      </div>
    </ng-container>

    <ng-template #elseTemplate>
      <!-- 正常head -->
      <p class="title-bg-new" *ngIf="tagData?.data?.headDiv?.headTitle === undefined" [ngStyle]="tagData.data?.headDiv?.title?.titleBgCssStyle | styleFilter ">

        <span class="title" [ngStyle]="tagData.data?.headDiv?.title?.cssStyle | styleFilter ">
          <img *ngIf="tagData.data?.headDiv?.title?.icon" class="head-div-icon"
            src="{{tagData.data?.headDiv?.title?.icon}}" alt=""
            [ngStyle]="tagData.data?.headDiv?.title?.iconCssStyle | styleFilter">
          {{tagData.data.headDiv?.title?.label}} <span *ngIf="tagData.data.headDiv?.title?.labelSep"
            [ngStyle]="tagData.data?.headDiv?.title?.labelSepCssStyle | styleFilter"></span><span
            *ngIf="tagData.data.headDiv?.title?.labelRight"
            [ngStyle]="tagData.data?.headDiv?.title?.labelRightCssStyle | styleFilter">{{tagData.data.headDiv?.title?.labelRight}}</span>
          <img *ngIf="tagData.data?.headDiv?.sloganImg?.url"
            [ngStyle]="tagData.data.headDiv?.sloganImg?.cssStyle | styleFilter"
            src="{{tagData.data.headDiv?.sloganImg?.url}}" alt="">
          <i class="title-tag-new" *ngIf="tagData.data.headDiv?.sloganRight"
            [ngStyle]="tagData.data.headDiv?.sloganRight?.cssStyle | styleFilter ">{{tagData.data.headDiv?.sloganRight.label}}</i>
        </span>
        <span class="more-new" *ngIf="tagData.data?.headDiv?.moreLink?.link?.label"
          [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.cssStyle | styleFilter" appDebounceClick
          (debounceClick)="pageModalService.openPage(tagData.data?.headDiv?.moreLink?.link)">{{tagData.data?.headDiv?.moreLink?.link.label}}<i
            class="detail-icon"></i></span>
      </p>

    </ng-template>


    <p class="second-title-bg" *ngIf="tagData.data?.headDiv?.sloganSecondRow?.label"
      [ngStyle]="tagData.data?.headDiv?.sloganSecondRow?.cssStyle | styleFilter">
      {{tagData.data.headDiv?.sloganSecondRow?.label}}
    </p>


    <ng-container *ngIf="tagData.data && tagData.data.data && tagData.data.data.length > 0">
      <!-- v1.9.5 无图样式-->
      <div *ngIf="tagData.name === 'appCardListTag-H-NO-Img'" class="appCardListTag-H-NO-Img">
        <ng-container *ngFor="let item of tagData.data.data;let dateIndex = index;">
          <div class="item-no-img-bg" appDebounceClick (debounceClick)="itemClick(item.link)">
            <!-- title -->
            <div class="item-title-no-img-bg item-title-2line">
              <span *ngIf="item.title?.authLabel?.label" [ngStyle]="item.title?.authLabel?.cssStyle | styleFilter "><i
                  style="font-size: 1rem;"></i> <i class="auth">{{item.title?.authLabel?.label}}</i></span>
              <span class="title" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter"
                *ngIf="item.title?.firstText?.label">
                {{item.title?.firstText?.label}}
              </span>
            </div>
            <!-- 面积 -->
            <div *ngIf="item.secondRowLeft" class="detail-info-no">
              <span *ngIf="item.secondRowLeft?.firstText?.label"
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
              <i class="sep" *ngIf="item.secondRowLeft?.firstText?.label && item.secondRowLeft?.secondText?.label"
                [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
              <span *ngIf="item.secondRowLeft?.secondText?.label"
                [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.label}}</span>
              <i class="sep" *ngIf="item.secondRowLeft?.thirdText?.label && item.secondRowLeft?.secondText?.label"
                [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
              <span *ngIf="item.secondRowLeft?.thirdText?.label"
                [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.thirdText?.label}}</span>
            </div>
            <!-- 选址具体要求 -->
            <div *ngIf="item.fifthRowLeft" class="require-bg item-title-5line">
              <span class="require-label" *ngIf="item.fifthRowLeft.firstText?.label"><i
                  style="z-index: 2; position: relative;"
                  [ngStyle]="item.fifthRowLeft.firstText?.cssStyle | styleFilter">{{item.fifthRowLeft.firstText.label}}</i><i
                  class="require-label-bg"></i></span><span *ngIf="item.fifthRowLeft.secondText?.label"
                [innerHTML]="item.fifthRowLeft.secondText.label"
                [ngStyle]="item.fifthRowLeft.secondText?.cssStyle | styleFilter"></span>
            </div>
          </div>
        </ng-container>
        <ng-container *ngIf="tagData.data?.moreButton?.link && tagData.data?.moreButton?.label">
          <p class="h-right-more" [ngStyle]="tagData.data?.moreButton?.link.params?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick(tagData.data?.moreButton.link)">
            {{tagData.data.moreButton.label}}</p>
        </ng-container>

      </div>
      <!-- v1.9.5 标题+图样式-->
      <div *ngIf="tagData.name === 'appCardListTag-H-Title-Img'||tagData.name === 'appCardListTag-H-Title-Img1'"
        class="appCardListTag-H-Title-Img">
        <ng-container *ngFor="let item of tagData?.data?.data;let dateIndex = index;">
          <div class="item-title-img-bg" appDebounceClick (debounceClick)="itemSubmitClick(item.link,item?.submit)"
            [ngStyle]="item.itemCssStyle.cssStyle | styleFilter">
            <!-- img -->
            <img *ngIf="item.img_v" class="title-img" src="{{item.img_v.imgUrl}}" alt=""
              onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.img_v.cssStyle | styleFilter">
            <img *ngIf="item.img" class="title-img" src="{{item.img.imgUrl}}" alt=""
              onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.img.cssStyle | styleFilter">
            <span *ngIf="item.img_v?.authLabel?.label" [ngStyle]="item.img_v?.authLabel?.cssStyle | styleFilter "
              class="title-img-auth">{{item.img_v?.authLabel?.label}}</span>
            <span *ngIf="item.img?.authLabel?.label" [ngStyle]="item.img?.authLabel?.cssStyle | styleFilter "
              class="title-img-auth">{{item.img?.authLabel?.label}}</span>
            <!-- title -->
            <div class="item-title-bg-title item-title-1line"
              [ngStyle]="item.title?.firstText?.boxCssStyle | styleFilter">
              <span class="title" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter"
                *ngIf="item.title?.firstText?.label">
                {{item.title?.firstText?.label}}
              </span>
            </div>
            <!-- 内容描述 -->
            <div *ngIf="item.firstRowLeft?.firstText?.label" [ngStyle]="item.firstRowLeft?.cssStyle | styleFilter">
              <span class="description" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter" [innerHTML]="item.firstRowLeft?.firstText?.label | parseStyle" *ngIf="item.firstRowLeft?.firstText?.label"></span>
            </div>
            <!-- 面积 -->
            <div *ngIf="item.secondRowLeft" class="detail-info-title"
              [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">
              <span *ngIf="item.secondRowLeft?.firstText?.label"
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
              <i class="sep" *ngIf="item.secondRowLeft?.firstText?.label && item.secondRowLeft?.secondText?.label"
                [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
              <span *ngIf="item.secondRowLeft?.secondText?.label"
                [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.label}}</span>
              <i class="sep" *ngIf="item.secondRowLeft?.thirdText?.label && item.secondRowLeft?.secondText?.label"
                [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
              <span *ngIf="item.secondRowLeft?.thirdText?.label"
                [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.thirdText?.label}}</span>
              <!-- 价格 格式 -->
              <span *ngIf="item.secondRowLeft?.thirdText?.price"
                [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">
                {{getInterger(item.secondRowLeft?.thirdText?.price)| currency:'CNY':'':'1.0-0'}}<ng-container 
                *ngIf="item.secondRowLeft?.thirdText?.disDecimal !== undefined"; else elseTemplate>
                  <i class="pirce-digits" *ngIf="item.secondRowLeft?.thirdText?.price.split('.')[1] && item.secondRowLeft?.thirdText?.price.split('.')[1] > 0">{{(item.secondRowLeft?.thirdText?.price |
                    currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i>
                </ng-container>
                <ng-template #elseTemplate>
                  <i class="pirce-digits">{{(item.secondRowLeft?.thirdText?.price |
                    currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i>
                </ng-template>
              </span>
              <!-- 购买按钮 -->
              <span *ngIf="item.secondRowLeft?.sixsixthText?.label"
                  [ngStyle]="item.secondRowLeft?.sixsixthText?.cssStyle | styleFilter" appDebounceClick (click)="itemSubmitClick(item.secondRowLeft?.sixsixthText?.link.link,'',$event)">{{item.secondRowLeft?.sixsixthText?.label}}</span>
            </div>
            <!-- price -->
            <div *ngIf="item.fourthRowLeft" class="price-bg" [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">
              <span class="price-label" *ngIf="item.fourthRowLeft.firstText?.label"
                [ngStyle]="item.fourthRowLeft?.firstText?.cssStyle | styleFilter">{{item.fourthRowLeft.firstText.label}}</span><span
                *ngIf="item.fourthRowLeft.secondText?.label" class="price-unit"
                [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
            </div>
            <div *ngIf="item.fifthRowLeft?.firstText?.percent" class="progress-content-bg"
              [ngStyle]="item.fifthRowLeft?.cssStyle | styleFilter">
              <p class="progress-bg">
                <span class="progress" [ngStyle]="{'width': item.fifthRowLeft?.firstText?.percent + ''}">
                  <i class="progress-text"
                    *ngIf="!(item.fifthRowLeft.firstText?.label0 !== undefined || item.fifthRowLeft.firstText?.label !== undefined)"
                    [ngStyle]="item.fifthRowLeft.firstText?.percentCssStyle | styleFilter">{{item.fifthRowLeft.firstText?.percent}}</i>
                </span>
                <span *ngIf="item.fifthRowLeft.firstText?.label" class="label-text"
                  [ngStyle]="item.fifthRowLeft.firstText?.labelCssStyle | styleFilter">{{item.fifthRowLeft.firstText?.label}}</span>
                <span *ngIf="item.fifthRowLeft.firstText?.label0" class="label-text"
                  [ngStyle]="item.fifthRowLeft.firstText?.label0CssStyle | styleFilter">{{item.fifthRowLeft.firstText?.label0}}</span>

              </p>

            </div>

          </div>
        </ng-container>
        <ng-container *ngIf="tagData.data?.moreButton?.link && tagData.data?.moreButton?.label">
          <p class="h-right-more" [ngStyle]="tagData.data?.moreButton?.link.params?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick(tagData.data?.moreButton.link)">
            {{tagData.data.moreButton.label}}</p>
        </ng-container>
      </div>
      <!-- v1.9.5 价格+图样式-->
      <!-- -linear 头部开始一行渐变色 -->
      <div *ngIf="tagData.name === 'appCardListTag-H-Price-Img' || tagData.name === 'appCardListTag-H-Price-Img-linear' "
        class="appCardListTag-H-Price-Img" [ngStyle]="tagData.data?.data[0]?.cssStyle?.cssStyle | styleFilter ">
        <ng-container *ngFor="let item of tagData?.data?.data;let dateIndex = index;">
          <div class="item-price-img-bg" [ngStyle]="item.cssStyle?.itemCssStyle | styleFilter "
            [ngClass]="{'size-2': tagData.maxShowNum === '2','size-3': tagData.maxShowNum === '3','size-4': tagData.maxShowNum === '4','size-5': tagData.maxShowNum === '5' }"
            appDebounceClick (debounceClick)="itemClick(item.link)">
            <!-- bottomBg -->
            <div *ngIf="item.titleBg" class="bottom-bg" [ngStyle]="item.titleBg?.cssStyle | styleFilter"></div>



              <div class="item-img_v" *ngIf="item.img_v" [ngStyle]="item.img_v?.boxCssStyle | styleFilter">
                <!-- img -->
                <img [ngStyle]="item.img_v?.cssStyle | styleFilter " class="price-img"
                  [ngClass]="{'size-3': tagData.maxShowNum === '3','size-4': tagData.maxShowNum === '4','size-2': tagData.maxShowNum === '2','size-5': tagData.maxShowNum === '5' }"
                  src="{{item.img_v.imgUrl}}" alt="" onerror="this.src='assets/img/default_rk.png'">
                <span [ngStyle]="item.img_v?.valueCssStyle | styleFilter" *ngIf="item.img_v?.value">{{item.img_v.value}}</span>
              </div>

            <span *ngIf="item.img_v?.authLabel?.label" [ngStyle]="item.img_v?.authLabel?.cssStyle | styleFilter "
              class="price-img-auth">{{item.img_v?.authLabel?.label}}</span>

            <div [ngStyle]="item.title?.box?.cssStyle | styleFilter">
              <!-- title -->
              <div class="item-title-bg-price" [ngStyle]="item.title?.firstText?.boxCssStyle | styleFilter">
                <span class="title-second" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter"
                  *ngIf="item.title?.firstText?.label">
                  {{item.title?.firstText?.label}}
                </span>
              </div>

              <!-- price -->
              <div *ngIf="item.thirdRowLeft" class="item-price-bg" [ngStyle]="item.thirdRowLeft?.cssStyle | styleFilter">
                <span class="price-unit" *ngIf="item.thirdRowLeft.firstText?.label"
                  [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft.firstText.label}}</span>
                <!-- sep -->
                <ng-container *ngIf="item.thirdRowLeft?.firstText?.label && item.thirdRowLeft?.secondText?.label">
                  <span class="sep" [ngStyle]="item.thirdRowLeft?.sep?.cssStyle | styleFilter"></span>
                </ng-container>
                <span class="price-label" *ngIf="item.thirdRowLeft.secondText?.label"
                  [ngStyle]="item.thirdRowLeft?.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft.secondText.label}}</span>
                <span class="original-price" *ngIf="item.thirdRowLeft.thirdText?.originalPrice"
                  [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.originalPrice}}</span>
                <span class="price-label" *ngIf="item.thirdRowLeft.thirdText?.label"
                  [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.label}}</span>
                <!-- go > -->
                <span class="item-go" *ngIf="item.thirdRowLeft.fourthText?.label"
                  [ngStyle]="item.thirdRowLeft?.fourthText?.cssStyle | styleFilter">{{item.thirdRowLeft.fourthText.label}}
                  <img *ngIf="item.thirdRowLeft.fourthText.icon" src="{{item.thirdRowLeft.fourthText.icon}}" alt=""
                    class="item-go-icon">
                </span>
              </div>
            </div>
          </div>

        </ng-container>


        <ng-container *ngIf="tagData.data?.moreButton?.link && tagData.data?.moreButton?.label">
          <p class="h-right-more" [ngStyle]="tagData.data?.moreButton?.link.params?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick(tagData.data?.moreButton.link)">
            {{tagData.data.moreButton.label}}</p>
        </ng-container>
      </div>

      <!-- v1.9.4 之前样式-->
      <div *ngIf="tagData.name === 'appCardListTag-H'|| tagData.name === 'verticalListTag'|| tagData.name === 'appCardListTag1'
            || tagData.name === 'appCardListTag2' || tagData.name === 'appCardListTag' && tagData.data.data.length > 0"
        [ngClass]="{'list-h': tagData.name === 'appCardListTag-H','list-all-row': tagData.name === 'verticalListTag'}"
        [ngStyle]="tagData.listBgCssStyle | styleFilter" class="list-bg">

        <ng-container *ngFor="let item of tagData.data.data;let dateIndex = index;">
          <div class="item-bg item-bg-card-list{{time}}" *ngIf="!item.type" appDebounceClick (debounceClick)="itemSubmitClick(item.link,item?.submit,$event)"
          [ngStyle]="item.itemBgCssStyle | styleFilter">
            <span *ngIf="item.imgTag?.label && item.imgTag?.label.length > 0" class="img-tag"
              [ngStyle]="item.imgTag.cssStyle | styleFilter">
              <img *ngIf="item.imgTag?.imgUrl" src="{{item.imgTag?.imgUrl}}" [ngStyle]="item.imgTag.imgCssStyle | styleFilter">{{item.imgTag.label}}
            </span>

            <img [ngStyle]="item.img.cssStyle | styleFilter" class="img" src="{{item.img.imgUrl}}" alt=""
              onerror="this.src='assets/img/default_rk.png'" *ngIf="item.img">
              <div class="item-img_v" [ngStyle]="item.img_v?.boxCssStyle | styleFilter" *ngIf="item.img_v">
                <img [ngStyle]="item.img_v.cssStyle | styleFilter" class="img-v" src="{{item.img_v.imgUrl}}" alt=""
                onerror="this.src='assets/img/default_rk.png'">
                <span [ngStyle]="item.img_v?.valueCssStyle | styleFilter" *ngIf="item.img_v?.value">{{item.img_v.value}}</span>
              </div>
              
            <div class="content-bg" [ngStyle]="item.content?.cssStyle | styleFilter">

              <div *ngIf="item.topLabel?.firstText?.label" [ngStyle]="item.topLabel?.firstText?.cssStyle | styleFilter">{{item.topLabel?.firstText?.label}}</div>

              <div class="first-row"
                *ngIf="item.firstRowLeft?.label || item.firstRowLeft?.thirdText?.label || item.firstRowLeft?.firstText?.label || item.firstRowLeft?.secondText?.label"
                [ngStyle]="item.firstRowCssStyle | styleFilter">
                <span class="first-text" *ngIf="item.firstRowLeft?.label"
                  [ngStyle]="item.firstRowLeft.cssStyle | styleFilter">{{item.firstRowLeft.label}}</span>
                <span class="first-text" *ngIf="item.firstRowLeft?.firstText?.label"
                  [ngStyle]="item.firstRowLeft.firstText.cssStyle | styleFilter">{{item.firstRowLeft.firstText.label}}</span>
                <!-- sep -->
                <ng-container *ngIf="item.firstRowLeft?.firstText?.label && item.firstRowLeft?.secondText?.label">
                  <span class="sep" [ngStyle]="item.firstRowLeft?.sep?.cssStyle | styleFilter"></span>
                </ng-container>

                <span class="first-text" *ngIf="item.firstRowLeft?.secondText?.label"
                  [ngStyle]="item.firstRowLeft.secondText.cssStyle | styleFilter">{{item.firstRowLeft.secondText.label}}</span>

                <!-- sep -->
                <ng-container *ngIf="item.firstRowLeft?.thirdText?.label && item.firstRowLeft?.secondText?.label">
                  <span class="sep" [ngStyle]="item.firstRowLeft?.sep?.cssStyle | styleFilter"></span>
                </ng-container>

                <span class="first-text" *ngIf="item.firstRowLeft?.thirdText?.label"
                  [ngStyle]="item.firstRowLeft.thirdText.cssStyle | styleFilter">{{item.firstRowLeft.thirdText.label}}</span>
              </div>
              <!-- *ngIf="item.labels && item.labels.length > 0" 需要占位 -->
              <div class="tag-bg" *ngIf="item.labels && item.labels.length > 0">
                <ng-container *ngFor="let tag of item.labels">
                  <span class="tag">{{tag}}</span>
                </ng-container>
              </div>
              <div class="tag-bg" *ngIf="item.tags && item.tags.length > 0">
                <ng-container *ngFor="let tag of item.tags">
                  <!-- # -->
                  <span class="tag-">{{tag}}</span>
                </ng-container>
              </div>

              <div class="tag-bg" *ngIf="item.newTags && item.newTags.length > 0"  [ngStyle]="item.newTagsCssStyle | styleFilter">
                <ng-container *ngFor="let it of item.newTags">
                  <span [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</span>
                </ng-container>
              </div>

              <div class="item-title-bg 3" *ngIf="item.title?.firstText?.label"
                [ngStyle]="item.title?.firstText?.cssStyle | styleFilter">
                {{item.title?.firstText?.label}}
              </div>

              <div class="second-row" *ngIf="item.secondRowLeft" [ngStyle]="item.secondRowCssStyle | styleFilter">
                <div appDebounceClick (debounceClick)="itemClick(item.secondRowLeft.firstText?.labelLink?.link,$event)"
                  [ngClass]="{'canClickLabel': item.secondRowLeft.firstText?.labelLink}"
                  [ngStyle]="item.secondRowLeft.firstText?.labelLink?.link?.params?.labelLinkBoxCssStyle | styleFilter">
                  <img class="icon" *ngIf="item.secondRowLeft?.icon?.url"
                    [ngStyle]="item.secondRowLeft.icon.cssStyle | styleFilter" src="{{item.secondRowLeft.icon.url}}" />
                  <span class="text" *ngIf="item.secondRowLeft?.firstText?.label"
                    [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>

                  <div class="tag-bg2" *ngIf="item.tags2 && item.tags2.length > 0">
                    <ng-container *ngFor="let tag of item.tags2">
                      <span class="tag-">{{tag}}</span>
                    </ng-container>
                  </div>

                </div>
                <div style="display: flex; align-items: center;" appDebounceClick
                  (debounceClick)="collectImg(item.collectDiv,$event)" *ngIf="item.collectDiv">
                  <span [ngStyle]="item.collectDiv?.numberCssStyle|styleFilter">{{item.collectDiv?.number}}</span>
                  <img *ngIf="item.collectDiv?.selected===true"
                    onerror="this.src='assets/fw/zszx_icon_collection_press@3x.png'" src="{{item.collectDiv?.pressIcon}}"
                    id="cardCollect{{dateIndex}}" class="collectImg" />
                  <img *ngIf="item.collectDiv?.selected===false"
                    onerror="this.src='assets/fw/zszx_icon_collection@3x.png'" src="{{item.collectDiv?.normalIcon}}"
                    id="cardCollect{{dateIndex}}" class="collectImg" />

                </div>
                <div appDebounceClick (debounceClick)="delete(item.deleteDiv,$event)" *ngIf="item.deleteDiv"
                  [ngStyle]="item.deleteDiv?.boxCssStyle|styleFilter">
                  <img onerror="this.src='assets/fw/hollow.png'"
                    [ngStyle]="item.deleteDiv?.selectedIconCssStyle|styleFilter" src="{{item.deleteDiv?.selectedIcon}}"
                    class="collectImg" />
                </div>

              </div>
              <!-- 打折 减 -->
              <div class="item-title-bg-2" *ngIf="item.title2?.firstText?.label"
                [ngStyle]="item.title2?.firstText?.cssStyle | styleFilter">
                <span
                  [ngStyle]="item.title2?.firstText?.labelCssStyle | styleFilter">{{item.title2?.firstText?.label}}</span>
                <span
                  [ngStyle]="item.title2?.firstText?.labelRightCssStyle | styleFilter">{{item.title2?.firstText?.labelRight}}</span>
              </div>

              <div class="third-row" *ngIf="item.thirdRowLeft" [ngStyle]="item.thirdRowCssStyle | styleFilter">
                <span class="first" *ngIf="item.thirdRowLeft?.firstText?.label"
                  [ngStyle]="item.thirdRowLeft.firstText.cssStyle | styleFilter">{{item.thirdRowLeft.firstText.label}}</span>
                <span class="second" *ngIf="item.thirdRowLeft?.secondText?.label"
                  [ngStyle]="item.thirdRowLeft.secondText.cssStyle | styleFilter">{{item.thirdRowLeft.secondText.label}}</span>
                <!-- 价格 格式 -->
                <span class="second" *ngIf="item.thirdRowLeft?.secondText?.price"
                  [ngStyle]="item.thirdRowLeft?.secondText?.priceCssStyle | styleFilter">{{getInterger(item.thirdRowLeft?.secondText?.price)|
                  currency:'CNY':'':'1.0-0'}}<i class="pirce-digits">{{(item.thirdRowLeft?.secondText?.price |
                    currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>

                <span class="third" *ngIf="item.thirdRowLeft?.thirdText?.label"
                  [ngStyle]="item.thirdRowLeft.thirdText.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.label}}</span>

                <span *ngIf="item.thirdRowLeft?.icon" [ngStyle]="item.thirdRowLeft?.icon?.cssStyle | styleFilter"
                  appDebounceClick (debounceClick)="itemClick(item.thirdRowLeft.buttonLink?.link, $event)">
                  <img *ngIf="item.thirdRowLeft?.icon?.url" src="{{item.thirdRowLeft?.icon?.url}}"
                    [ngStyle]="item.thirdRowLeft?.icon?.iconCssStyle | styleFilter" alt="">
                  <i *ngIf="item.thirdRowLeft?.icon?.label"
                    [ngStyle]="item.thirdRowLeft?.icon?.labelCssStyle | styleFilter">{{item.thirdRowLeft?.icon?.label}}</i>
                </span>

                <!-- 打折 减 -->
                <div *ngIf="item.thirdRowLeft?.fourthText?.label"
                  [ngStyle]="item.thirdRowLeft?.fourthText?.cssStyle | styleFilter">
                  <span
                    [ngStyle]="item.thirdRowLeft?.fourthText?.labelCssStyle | styleFilter">{{item.thirdRowLeft?.fourthText?.label}}</span>
                  <span
                    [ngStyle]="item.thirdRowLeft?.fourthText?.labelRightCssStyle | styleFilter">{{item.thirdRowLeft?.fourthText?.labelRight}}</span>
                </div>
              </div>

              <div class="fourth-row" *ngIf="item.fourthRowLeft" [ngStyle]="item.fourthRowCssStyle | styleFilter">
                <span class="first" *ngIf="item.fourthRowLeft?.firstText?.label"
                  [ngStyle]="item.fourthRowLeft.firstText.cssStyle | styleFilter">{{item.fourthRowLeft.firstText.label}}</span>
                <span class="second" *ngIf="item.fourthRowLeft?.secondText?.label"
                  [ngStyle]="item.fourthRowLeft.secondText.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
                <!-- 价格 格式 -->
                <span class="second" *ngIf="item.fourthRowLeft?.secondText?.price"
                  [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle | styleFilter">{{getInterger(item.fourthRowLeft?.secondText?.price
                  )| currency:'CNY':'':'1.0-0'}}<i class="pirce-digits"
                    [ngStyle]="item.fourthRowLeft.secondText.digitsCssStyle | styleFilter">{{(item.fourthRowLeft?.secondText?.price
                    | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>

                <span class="third" *ngIf="item.fourthRowLeft?.thirdText?.label"
                  [ngStyle]="item.fourthRowLeft.thirdText.cssStyle | styleFilter">{{item.fourthRowLeft.thirdText.label}}</span>
                <span *ngIf="item.fourthRowLeft?.icon" [ngStyle]="item.fourthRowLeft?.icon?.cssStyle | styleFilter"
                  appDebounceClick (debounceClick)="itemClick(item.fourthRowLeft.buttonLink?.link, $event)">
                  <img *ngIf="item.fourthRowLeft?.icon?.url" src="{{item.fourthRowLeft?.icon?.url}}"
                    [ngStyle]="item.fourthRowLeft?.icon?.iconCssStyle | styleFilter" alt="">
                  <i *ngIf="item.fourthRowLeft?.icon?.label"
                    [ngStyle]="item.fourthRowLeft?.icon?.labelCssStyle | styleFilter">{{item.fourthRowLeft?.icon?.label}}</i>
                </span>

              </div>

              <div class="fifth-row" *ngIf="item.fifthRowLeft" [ngStyle]="item.fifthRowCssStyle | styleFilter"
                appDebounceClick (debounceClick)="itemSubmitClick(item.fifthRowLeft.buttonLink.link,'',$event)">
                <div class="first" *ngIf="item.fifthRowLeft?.firstText?.label"
                  [ngStyle]="item.fifthRowLeft?.firstText?.cssStyle | styleFilter">
                  <span
                    [ngStyle]="item.fifthRowLeft?.firstText?.labelCssStyle | styleFilter">{{item.fifthRowLeft?.firstText?.label}}</span>
                  <img [ngStyle]="item.fifthRowLeft?.firstText?.imgCssStyle | styleFilter"
                    *ngIf="item.fifthRowLeft?.firstText?.img" [src]="item.fifthRowLeft?.firstText?.img" alt="">
                </div>
              </div>
            </div>

          </div>
          <div class="item-bg-img-big" *ngIf="item.type && item.type === '1'"
            [ngStyle]="item.button.buttonLink.cssStyle | styleFilter" appDebounceClick
            (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
            <img class="img" src="{{item.img}}" alt="">

          </div>
          <!-- small ad -->
          <div class="item-bg-img" *ngIf="item.type && item.type === '2'"
            [ngStyle]="item.button.buttonLink.cssStyle | styleFilter" appDebounceClick
            (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
            <img class="img" src="{{item.img}}" alt="">

          </div>
          <!-- type100 -->
          <div class="item-bg-more" *ngIf="item.type && item.type === '100'"
            [ngStyle]="item.button.cssStyle | styleFilter" appDebounceClick
            (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
            {{item.button.buttonLink.label}}
          </div>
          <!-- new ad from 3户型4小区装修榜单5装修6设计-7找房、建材等 -->

          <div class="item-ad-bg item-ad-3" *ngIf="item.type && item.type === '3'" [ngStyle]="item.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="itemClick(item.button.buttonLink.link)">
            <div class="bg-color"></div>
            <img class="img-3-bg" src="{{item.backgroundImg}}" alt="">
            <img class="img-3" src="{{item.img}}" alt="">
            <p class="item-ad-content ad-content-1" *ngIf="item.firstRowLeft?.firstText?.label">
              <img *ngIf="item.firstRowLeft?.img?.imgUrl" [ngStyle]="item.firstRowLeft?.img?.cssStyle | styleFilter"
                class="ad-search" src="{{item.firstRowLeft?.img?.imgUrl}}" alt="">
              <span
                [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
            </p>

            <p class="item-ad-content ad-content-2" *ngIf="item.secondRowLeft?.firstText?.label">
              <img *ngIf="item.secondRowLeft?.img?.imgUrl" [ngStyle]="item.secondRowLeft?.img?.cssStyle | styleFilter"
                class="ad-search" src="{{item.secondRowLeft?.img?.imgUrl}}" alt="">
              <span
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
            </p>

            <p class="item-ad-content ad-content-3" *ngIf="item.thirdRowLeft?.firstText?.label">
              <img *ngIf="item.thirdRowLeft?.img?.imgUrl" [ngStyle]="item.thirdRowLeft?.img?.cssStyle | styleFilter"
                class="ad-search" src="{{item.thirdRowLeft?.img?.imgUrl}}" alt="">
              <span
                [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft?.firstText?.label}}</span>
            </p>

            <p class="btn-bg-3" *ngIf="item.button?.buttonLink?.label">
              <span>{{item.button?.buttonLink?.label}}</span>
              <img src="assets/fw/ad_arrow_green.png" alt="">
            </p>

          </div>

          <!-- type4 排行 -->
          <div class="item-ad-bg item-ad-4" *ngIf="item.type && item.type === '4'"
            [ngStyle]="item.cssStyle | styleFilter">

            <img class="img-4-bg" src="{{item.backgroundImg}}" alt="">

            <p class="ad-content ad-content-title-4" *ngIf="item.title?.firstText?.label">
              {{item.title?.firstText?.label}}
            </p>

            <ng-container *ngFor="let info of item.data">
              <div class="info-bg">
                <p class="info-name">
                  <span class="info-order" *ngIf="info.firstRowLeft?.firstText?.label"
                    [ngStyle]="info.firstRowLeft?.firstText?.cssStyle | styleFilter">{{info.firstRowLeft.firstText.label}}</span>
                  <span appDebounceClick (debounceClick)="itemClick(info.buttonLink.link.link)" class="name"
                    *ngIf="info.firstRowLeft?.secondText?.label"
                    [ngStyle]="info.firstRowLeft?.secondText?.cssStyle | styleFilter">{{info.firstRowLeft.secondText.label}}</span>
                </p>
                <p class="info-total">
                  <span class="total-num" *ngIf="info.secondRowLeft?.firstText?.label"
                    [ngStyle]="info.secondRowLeft?.firstText?.cssStyle | styleFilter">{{info.secondRowLeft.firstText.label}}</span>
                  <span class="total-label" *ngIf="info.secondRowLeft?.secondText?.label"
                    [ngStyle]="info.secondRowLeft?.secondText?.cssStyle | styleFilter">{{info.secondRowLeft.secondText.label}}</span>
                </p>
              </div>
            </ng-container>


            <p class="btn-bg-4" *ngIf="item.button?.buttonLink?.label" appDebounceClick
              (debounceClick)="itemClick(item.button.buttonLink.link)">
              <span>{{item.button?.buttonLink?.label}}</span>
              <img src="assets/fw/ ad_arrow_yellow.png" alt="">
            </p>

          </div>

          <!-- type5 装修 -->
          <div class="item-ad-bg item-ad-5" *ngIf="item.type && item.type === '5'"
            [ngStyle]="item.cssStyle | styleFilter">

            <img class="img-5-bg" src="{{item.backgroundImg}}" alt="">

            <p class="ad-content ad-content-title-5" *ngIf="item.firstRowLeft?.firstText?.label"
              [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
              {{item.firstRowLeft?.firstText?.label}}
            </p>
            <p class="ad-content ad-content-subtitle-5" *ngIf="item.secondRowLeft?.firstText?.label"
              [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">
              {{item.secondRowLeft?.firstText?.label}}
            </p>

            <p class="btn-bg-5" *ngIf="item.button?.buttonLink?.label" appDebounceClick
              (debounceClick)="itemClick(item.button.buttonLink.link)"
              [ngStyle]="item.button?.buttonLink?.cssStyle | styleFilter">
              {{item.button?.buttonLink?.label}}
            </p>

          </div>

          <!-- type6 设计 -->
          <div class="item-ad-bg item-ad-6" *ngIf="item.type && item.type === '6'"
            [ngStyle]="item.cssStyle | styleFilter">

            <img class="img-6-bg" src="{{item.backgroundImg}}" alt="">

            <p class="ad-content ad-content-title-6" *ngIf="item.firstRowLeft?.firstText?.label"
              [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
              {{item.firstRowLeft?.firstText?.label}}
            </p>
            <p class="ad-content ad-content-subtitle-6" *ngIf="item.secondRowLeft?.firstText?.label"
              [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">
              {{item.secondRowLeft?.firstText?.label}}
            </p>

            <p class="ad-content ad-content-subtitle-6" *ngIf="item.thirdRowLeft?.firstText?.label"
              [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">
              {{item.thirdRowLeft?.firstText?.label}}
            </p>
            <p class="btn-bg-6" *ngIf="item.button?.buttonLink?.label" appDebounceClick
              (debounceClick)="itemClick(item.button.buttonLink.link)"
              [ngStyle]="item.button?.buttonLink?.cssStyle | styleFilter">
              {{item.button?.buttonLink?.label}}

            </p>

          </div>

          <!-- type7 找房等 -->
          <div class="item-ad-bg item-ad-7" *ngIf="item.type && item.type === '7'"
            [ngStyle]="item.cssStyle | styleFilter">
            <div class="ad-header-bg" [ngStyle]="item.header?.cssStyle | styleFilter"></div>
            <img class="img-7-bg" src="{{item.backgroundImg}}" alt="">
            <p class="ad-title" *ngIf="item.title?.firstText?.label"
              [ngStyle]="item.title?.firstText?.cssStyle | styleFilter">{{item.title?.firstText?.label}}</p>
            <div style="display: flex; flex-wrap: wrap;position:relative;z-index: 3;">
              <ng-container *ngFor="let info of item.data,let a = index">
                <div class="info-item" [ngClass]="{'mr05': a%2===0}" appDebounceClick
                  (debounceClick)="itemClick(info.firstRowLeft?.buttonLink?.link)"
                  *ngIf="info.firstRowLeft?.firstText?.label"
                  [ngStyle]="info.firstRowLeft.firstText.cssStyle | styleFilter">{{info.firstRowLeft.firstText.label}}
                </div>
              </ng-container>
            </div>



          </div>



        </ng-container>
        <div class="more-btn-h" *ngIf="tagData.name === 'appCardListTag-H' && tagData.data?.moreButton?.label"
          [ngStyle]="tagData.data.moreButton.link.params?.btnCssStyle|styleFilter" appDebounceClick
          (debounceClick)="moreClick(tagData.data.moreButton.link)">
          <span>{{tagData.data.moreButton.label}}</span>
        </div>
      </div>
    </ng-container>

  </div>

  <div class="more-btn"
    *ngIf="tagData.data?.moreButton?.label && (tagData.name === 'appCardListTag'||tagData.name === 'appCardListTag1'||tagData.name === 'appCardListTag2')"
    [ngStyle]="tagData.data.moreButton.link.params?.btnCssStyle|styleFilter" appDebounceClick
    (debounceClick)="moreClick(tagData.data.moreButton.link)">
    <span>{{tagData.data.moreButton.label}}</span>
  </div>

  <p class="noData" *ngIf="!tagData.data?.data || tagData.data?.data?.length === 0"
    [ngStyle]="tagData.hintCssStyle | styleFilter">
    {{emptyDataHint}}
  </p>

  <p class="loadDataToBottom" *ngIf="tagData.data?.data && tagData.data?.data?.length > 0 && (pageTotal+'') ===
    (tagData.data?.data?.length + '')" [ngStyle]="tagData.loadDataToBottomHintCssStyle | styleFilter">
    {{loadDataToBottom}}
  </p>

  <ion-infinite-scroll *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)" style="background: #F5F5F5;">
    <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ng-template>
